<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>偏移网格列</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <!-- 常用的CSS样式定义到外部CSS，可以减少重复的代码 -->
    <link rel="stylesheet" href="../css/my.css">
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-6 bg" style="background-color: #FFFFCC;">col-6</div>
            <div class="col-6 bg" style="background-color: #CCFFFF;">col-6</div>
        </div>
        <div class="row">
            <!-- offset-*-* 可以让盒子在指定的断点向右偏移指定的列 -->
            <div class="col-8 bg offset-md-4" style="background-color: #FFCCCC;">col-8</div>
        </div>
    </div>
    
</body>
</html>